<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>qq音乐账号注册</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <link rel="shortcut icon" href="./upload/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/register2.css">
</head>

<body>
  <div class="xtx-wrapper">
    <div class="container">
      <!-- 卡片 -->
      <div class="xtx-card">
        <h3>
          <img src="./images/logo.png" alt="">
          — 欢 迎 您 注 册 ！
        </h3>
        <form class="xtx-form">
          <!-- 头像上传 -->
          <div data-prop="head_pic" class="xtx-form-item">
            <input name="head_pic" type="file" id="head_pic" placeholder="上传头像">
            <label class="head_pic" for="head_pic">
              <img src="./images/head_pic.webp" alt="">
            </label>
            <p>点击上传头像</p>
          </div>
          <!-- 用户名 -->
          <div data-prop="username" class="xtx-form-item">
            <span class="iconfont icon-zhanghao"></span>
            <input name="username" type="text" placeholder="设置用户名称">
            <span class="msg"></span>
          </div>
          <!-- 手机号 -->
          <div data-prop="phone" class="xtx-form-item">
            <span class="iconfont icon-shouji"></span>
            <input name="phone" type="text" placeholder="输入手机号码  ">
            <span class="msg"></span>
          </div>
          <!-- 短信验证码 -->
          <div data-prop="code" class="xtx-form-item">
            <span class="iconfont icon-zhibiaozhushibiaozhu"></span>
            <input name="code" type="text" placeholder="短信验证码">
            <span class="msg"></span>
            <a class="code" href="javascript:;">发送验证码</a>
          </div>
          <!-- 密码 -->
          <div data-prop="password" class="xtx-form-item">
            <span class="iconfont icon-suo"></span>
            <input name="password" type="password" placeholder="请输入密码">
            <span class="msg"></span>
          </div>
          <!-- 再次输入密码 -->
          <div data-prop="confirm" class="xtx-form-item">
            <span class="iconfont icon-suo"></span>
            <input name="confirm" type="password" placeholder="请再次输入密码">
            <span class="msg"></span>
          </div>
          <div class="xtx-form-item pl50">
            <input type="checkbox" name="check" id="check">
            <label class="check" for="check">
              <img src="./images/checkbox-unchecked.png" alt="">&nbsp;
              我已阅读并同意
            </label>
            <i>《用户服务协议》</i>
          </div>
          <div class="xtx-form-item">
            <button class="submit">注册</button>
            <!-- <a class="submit" href="javascript:;">下一步</a> -->
          </div>
        </form>
      </div>
    </div>
  </div>
  
  <script src="./js/register2.js"></script>
</body>

</html>